<template>
    <div class="page1">
        <div class="project1">
            <el-select v-model="storageData.form.food" placeholder="请选择">
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                >
                </el-option>
            </el-select>
            <div>
                <el-switch
                    v-model="storageData.form.value1"
                    active-text="按月付费"
                    inactive-text="按年付费"
                >
                </el-switch>
                <el-switch
                    style="display: block"
                    v-model="storageData.form.value2"
                    active-color="#13ce66"
                    inactive-color="#ff4949"
                    active-text="按月付费"
                    inactive-text="按年付费"
                >
                </el-switch>
            </div>
            <div class="detail">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
// import savePageData from '@/mixins/savePageData';
export default {
    // mixins: [savePageData],
    data() {
        return {
            storageData: {
                form: {
                    food: '',
                    value1: '按月付费',
                    value2: '按年付费'
                },
            },
            options: [
                {
                    value: '选项1',
                    label: '黄金糕',
                },
                {
                    value: '选项2',
                    label: '双皮奶',
                },
                {
                    value: '选项3',
                    label: '蚵仔煎',
                },
                {
                    value: '选项4',
                    label: '龙须面',
                },
                {
                    value: '选项5',
                    label: '北京烤鸭',
                },
            ],
        };
    },
};
</script>

<style></style>
